<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Register a account</title>
<link rel="stylesheet" href="web-font/stylesheet.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src='js/jquery-1.9.1.js'></script>
<script type="text/javascript" src='js/jquery.customSelect.min.js'></script>
<script src="js/jquery.slides.min.js"></script>
<script type="text/javascript" src="js/customCheckbox.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery('.form_custom_select').customSelect();
	jQuery('.form_action input[type="text"]').focus(	function(){	jQuery(this).parent().css('border-color', '#cca789');});
	jQuery('.form_action input[type="text"]').blur( function(){ jQuery(this).parent().css('border-color', '#d5cdbe'); });
});
</script>
</head>

<body>
	<div id="header">
		<div class="container">
			<div id="logo"><h1><a href="index.html">Late Night Dine</a></h1></div>
			<div id="menu-header">
				<ul id="menu-left">
					<li class="current_menu_item"><div class="hover_left"></div><a href="#">Home</a><div class="hover_right"></div></li>
					<li><div class="hover_left"></div><a href="#">Food Places</a><div class="hover_right"></div></li>
					<li><div class="hover_left"></div><a href="#">About us</a><div class="hover_right"></div></li>
					<li><div class="hover_left"></div><a href="#">Sign In</a><div class="hover_right"></div></li>
					<li class="last_child"><div class="hover_left"></div><a href="#">Sign Up</a><div class="hover_right"></div></li>
				</ul>
				<ul id="menu-right">
					<li><a href="#"><img src="images/icon_tw.png" /></a></li>
					<li><a href="#"><img src="images/icon_fb.png" /></a></li>
					<li><a href="#"><img src="images/icon_t.png" /></a></li>
					<li><a href="#"><img src="images/icon_2cham.png" /></a></li>
					<li><a href="#"><img src="images/icon_ok.png" /></a></li>
					<li><a href="#"><img src="images/icon_q.png" /></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	<div id="main" class="container page_main">
		<div id="page-content" class="content_no_sidebar">
			<div class="page_header"><h2 class=" register_header">Register a account</h2></div>
			<div class="page_body">
			<form id="register-form" class="form_action">
				<div class="inp_wrap"><input class="form_name" type="text" value="Name" onfocus="this.value = ''" onblur="this.value = 'Name'" /></div>
				<div class="inp_wrap"><input class="form_email" type="text" value="Email" onfocus="this.value = ''" onblur="this.value = 'Email'" /></div>
				<div class="inp_wrap"><input class="form_v_email" type="text" value="Verify Email" onfocus="this.value = ''" onblur="this.value = 'Verify Email'" /></div>
				<div class="inp_wrap"><input class="form_pass" type="text" value="Password" onfocus="this.value = ''" onblur="this.value = 'Password'" /></div>
				<div class="inp_wrap"><input class="form_v_pass" type="text" value="Confirm Password" onfocus="this.value = ''" onblur="this.value = 'Confirm Password'" /></div>
				<div class="clear"></div>
				<div class="short_inp"><label for="captcha">Word Verification</label>
				<div class="inp_wrap"><input id="captcha" class="form_captcha" type="text" value="Type the code show" onfocus="this.value = ''" onblur="this.value = 'Type the code show'" /></div>
				</div>
				<div class="captcha_images"><img src="images/captcha.png" /></div>
				<div class="clear"></div>
				<div class="inp_wrap select_wrap fl" style="margin-right: 12px;">
				<select class="form_custom_select" name="ages">
					<option value="none">Age Group</option>
					<option value="25 to 34">25 to 34</option>
					<option value="35 to 44">35 to 44</option>
					<option value="Above 45">Above 45</option>
				</select>
				</div>
				<div class="inp_wrap select_wrap fr">
				<select class="form_custom_select" name="food">
					<option value="none">Preferred Cuisine</option>
					<option value="Rice">Rice</option>
					<option value="Chicken">Chicken</option>
					<option value="Soup">Soup</option>
				</select>
				</div>
				<div class="clear"></div>
				<label class="label_check" for="sample-check"><input name="sample-check" id="sample-check" value="1" type="checkbox" /> I wish receive updates from Late Night Dine on food promotions , new recommendations, etc</label>
				<input type="submit" value="Register" />
				<div class="clear"></div>
			</form>
			</div>
		</div>
		
	</div>
	<div class="clear"></div>
	<div id="footer">
		<div class="container">
			<div id="footer-left">
				<h3 class="footer_title">Late Night Dine - Fast Food for Night</h3>
				<p>10 Anson Road, #31-10 international Plaza<br/>
				Singapore 079903<br/>
				<a class="email_contact" href="mailto:contactus@latenightdine.com">contactus@latenightdine.com</a>
				</p>
			</div>
			<div class="cols_menu">
				<h3 class="footer_title">Main</h3>
				<ul>
					<li><a href="#">Home</a></li>
					<li><a href="#">Food Places</a></li>
					<li><a href="#">Sign In</a></li>
					<li><a href="#">Sign Up</a></li>
				</ul>
			</div>
			<div class="cols_menu">
				<h3 class="footer_title">Company</h3>
				<ul>
					<li><a href="#">About Us</a></li>
					<li><a href="#">Term &amp; Conditions</a></li>
					<li><a href="#">Disclimer</a></li>
					<li><a href="#">Contact Us</a></li>
				</ul>
			</div>
			<div id="footer-right">
				<h1>Late Night Dine</h1>
				<p>&copy;2013 LateNightDine Pte Ltd<br/>
				Registration Number: 201301292R
				</p>
			</div>
		</div>
	</div>
</body>
</html>
